<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/header.css" rel="stylesheet" />
		<style type="text/css">
			#mui-content{
				width: 100%;
				position: absolute;
				top: 44px;
				padding: 80px 30px 0px 30px;
			}
		</style>
	</head>

	<body>
		<!-- 头部标题栏 -->
		<header class="mui-bar mui-bar-nav tilte">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left title-color"></a>
			<a id="link_download_qrcode" class="mui-pull-right title-color" style="font-size: 16px; line-height: 44px;" >
				<img src="../images/download.png" width="20px" >
			</a>
			<h1 class="mui-title title-color"><b>我的二维码</b></h1>
		</header>
		<!-- 主体部分   -->
		<div id="mui-content">
			<div style="background-color: white; padding-top: 20px;  padding-left: 20px;">
				<img id="img_myface" src="../css/registLogin/1.jpg" width="60px" style="border-radius: 8%; float: left;" >
				<label id="lab_nickname" style="float: left; margin-top: 10px; margin-left: 10px;">舒克</label>
			</div>
			<div style="background-color: white; text-align: center;" >
				<img id="myqrcode"  src="../images/friends.png" width="80%" style="padding: 20px 0px;" >
			</div>
			<div  style="background-color: white; text-align: center;">
				<p style="padding-bottom: 10px;  font-size: 12px;">扫一扫，添加我为好友</p>
			</div>
		</div>
		<script src="../js/app.js"></script>
		<script src="../js/mui.js"></script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function () {
			  //获取全局用户对象
			  var user =app.getUserGlobalInfo();
			  var qrcode=user.qrcode;
			  var faceimg=user.faceImg;
			  var nickname=user.nickname;
			  
			  //获取需要动态展示内容的对象
			  var myqrcode=document.getElementById("qrcode");
			  if(app.isNotNull(qrcode)){
				  myqrcode.src=app.imgServerUrl+qrcode;
			  }
			  var img_myface=document.getElementById("img_myface");
			  if(app.isNotNull(faceimg)){
			  	   img_myface.src=app.imgServerUrl+faceimg;
			  }
			  var lab_nickname=document.getElementById("lab_nickname");
			  if(app.isNotNull(nickname)){
			  	   lab_nickname.innerHTML= nickname;
			  }
			  //获取手机端可见屏幕的宽度
			  var imgWidth=document.body.clientWidth-60;
			  myqrcode.width=imgWidth;
			  myqrcode.height=imgWidth;
			});
		</script>
	</body>

</html>
